<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no;email=no" name="format-detection">
    <title>报名详情未缴费</title>

    <link rel="stylesheet" href="../../static/css/lib/bootstrap.min.css">
    <link rel="stylesheet" href="../../static/css/lib/main.css">
    <link rel="stylesheet" href="../../static/css/module/header.css">
    <link rel="stylesheet" href="../../static/css/module/footer.css">
    <link rel="stylesheet" href="../../static/css/page/apply.css">
    <link rel="stylesheet" href="../../static/css/page/usercenter.css">
</head>
<body>
<div class="wrapper">
    <!-- 头部 -->
    <header class="hidden-xs">
        <nav class="mainnav">
            <div class="container">
                <div class="row">
                    <div class="col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1">
                        <ul class="nav nav-pills topnav" role="tablist">
                            <li class="nav-item" role="presentation">
                                <a href="#">活动报名</a>
                            </li>
                            <li class="nav-item" role="presentation">
                                <a href="#">楚才书店</a>
                            </li>
                            <li class="logo-item">
                                <img src="../../static/images/logo.png" width="105" height="104" alt="logo">
                            </li>
                            <li class="nav-item" role="presentation">
                                <a href="#">个人中心</a>
                            </li>
                            <li class="nav-item" role="presentation">
                                <a href="#">安全退出</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </nav>
    </header>

    <!-- 个人信息 -->
    <div class="user-header text-center">
        <div class="user-avatar">
            <img src="../../static/images/avatar.png" alt="avatar">
        </div>
        <div class="user-name">15998566667</div>
        <p class="welcomes">欢迎来到您的楚才</p>
    </div>

    <!-- 个人中心导航栏 -->
    <nav class="navbar navbar-default user-nav" role="navigation">
        <div class="container">
            <div class="user-navbar">
                <ul class="nav navbar-nav" id="userNavbar">
                    <li><a href="userCenter.html">我的报名</a></li>
                    <li><a href="apply_list.html">我的订单</a></li>
                    <li><a href="#">我的购物车</a></li>
                    <li><a href="#">收货地址</a></li>
                    <li><a href="#">完善资料</a></li>
                    <li><a href="modify_user.html">修改密码</a></li>
                    <li><a href="#">关于我们</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- 正文内容 -->
    <div class="container main-body">
        <div class="main-content main-content--user">
            <h3 class="user-title">
                <span>个人中心</span> &gt <span>我的报名</span> &gt <span>报名详情</span>
            </h3>
            <table class="table table-header">
                <colgroup>
                    <col style="width:10%">
                    <col style="width:30%">
                    <col style="width:10%">
                    <col style="width:10%">
                    <col style="width:10%">
                </colgroup>
                <tbody>
                    <tr>
                        <th colspan="1"></th>
                        <th>活动名称</th>
                        <th>费用</th>
                        <th>报名状态</th>
                        <th colspan="1"></th>
                    </tr>
                </tbody>
            </table>
            <table class="table table-body table-body--detail">
                <colgroup>
                    <col style="width:10%">
                    <col style="width:30%">
                    <col style="width:10%">
                    <col style="width:10%">
                    <col style="width:10%">
                </colgroup>
                <tbody class="table-body__header">
                    <tr>
                        <td colspan="2">订单编号：201603140000128</td>
                        <td colspan="3">
                            <span class="header-time">创建时间：2016-12-13 11:46:26</span>
                            <!--<span class="header-time&#45;&#45;last">付款时间：2016-12-13 11:46:26</span>-->
                        </td>
                    </tr>
                </tbody>
                <tbody class="table-body__cont">
                    <tr>
                        <td colspan="1"></td>
                        <td>
                            <div class="media">
                                <a class="media-left" href="#">
                                    <img src="../../static/images/activity.png" alt="activity">
                                </a>
                                <div class="media-body">
                                    <h4 class="media-heading">
                                        <a href="#">首届“楚才马克杯”作文选拔赛报名活动</a>
                                    </h4>
                                </div>
                            </div>
                        </td>
                        <td class="text-center"><p>¥20</p></td>
                        <td class="text-center">
                            <p>已报名</p>
                            <p>未缴费</p>
                        </td>
                        <td class="detail-last-td" colspan="1">
                            <span class="pay-status"><img src="../../static/images/payed.png" alt="payed"></span>
                            <!--<span class="pay-status"><img src="../../static/images/not_pay.png" alt="not_pay"></span>-->
                        </td>
                    </tr>
                </tbody>
            </table>
            <div class="row">
                <div class="activity-item activity-item--user">
                    <div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
                        <div class="media">
                            <div class="media-body">
                                <h3 class="activity-item__title">参赛证信息</h3>
                                <p class="activity-item__info">参赛证号：10060001</p>
                                <p class="activity-item__info">考试学校：武汉市育才第二小学</p>
                                <p class="activity-item__info">考试地址：惠济一路22号</p>
                                <p class="activity-item__info">参赛时间：2017年4月1日  9:00-12:00</p>
                                <p class="activity-item__info">报名回执码：0A1234C3</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="activity-item activity-item--user">
                    <div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
                        <div class="media">
                            <div class="media-body">
                                <h3 class="activity-item__title">考生信息</h3>
                                <p class="activity-item__info">学生姓名：张三</p>
                                <p class="activity-item__info">身份证号：40262119870307xxxx</p>
                                <p class="activity-item__info">所在学校：光谷区 武汉光谷第一小学</p>
                                <p class="activity-item__info">就读年级：小学三年级</p>
                                <p class="activity-item__info">指导老师：李老师</p>
                                <p class="activity-item__info">家长姓名：张大山</p>
                                <p class="activity-item__info">家长电话：18827028xxx</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--<div class="row">-->
                <!--<div class="col-sm-8 col-sm-offset-2">-->
                    <!--<div class="btn-groups btn-groups&#45;&#45;apply btn-groups&#45;&#45;confirm">-->
                        <!--<button class="btn btn-submit btn-submit&#45;&#45;apply col-sm-5 col-sm-offset-1 col-xs-5 col-xs-offset-1" type="button">修改考生信息</button>-->
                        <!--<button class="btn btn-submit btn-submit&#45;&#45;apply col-sm-5 col-sm-offset-1 col-xs-5 col-xs-offset-0" type="button">去缴费</button>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
            <div class="row detail-call">
                <div class="to-call text-center">
                    如有疑问请致电：<a class="call-number" href="tel:027-8527811">027-8527811</a>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 底部 -->
<footer class="hidden-xs">
    <div class="container">
        <div class="row">
            <div class="col-sm-10 col-sm-offset-1">
                版权所有 武汉楚才竞赛网 鄂ICP备14016248号COPYRIGHT @2013-2014 CHUCAI.GNJ.CN ALL RIGHT RESERVED
                <img src="../../static/images/logo_cjrb.png" width="136" height="42" alt="cjrbLogo">
            </div>
        </div>
    </div>
</footer>

<script src="../../static/js/lib/jquery-1.9.1.min.js"></script>
<script src="../../static/js/lib/bootstrap.min.js"></script>
<script src="../../static/js/module/tabswitch.js"></script>
</body>
</html>